<!DOCTYPE html>
<html ng-app = "myNoteApp">
<head>
	<meta charset="UTF-8">
	<script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>
	<link rel="stylesheet" href="css/bootstrap.css">
	<script src="js/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
	<script src="js/markdown.js"></script>
    <script src="js/markdown-editor.js"></script>
	<title>Document</title>
</head>
<body >

	<div class = 'container' ng-controller = "myNoteCtrl">
		<legend>Markdown Editor</legend>
		<p>
			<textarea id= "md" ng-model="message" maxlength="10" cols="30" rows="10" class="span7"></textarea>
		</p>
		<p>
			<span ng-bind = "left()"></span>/10
		</p>
	</div>

</body>
<script>
	var app = angular.module("myNoteApp",[]);
	app.controller("myNoteCtrl", function($scope){
		$scope.message = "";
		$scope.left = function(){
			return 10 - $scope.message.length;
		};
	});

</script>
<script>
  $(function() {
    $('#md').markdown();
  });
</script>
</html>
<div><span></span></div>